<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title>Dealer Home</title>
	<link type="text/css" rel="stylesheet" href="css/dth.css" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script>
		$(document).ready(function() {
			$(".rtitle").hover(function() {
				$(this).css("background", "#544198");
			});
			$(".rtitle").mouseleave(function() {
				$(this).css("background", "#FF00FF");
			});
		});
	</script>
	<style>
.menu1 {
	box-shadow: 6px 11px 10px;
}

.dth_content {
	width: 80%;
	margin-left: 9%;
	background-color: lavender;
	margin-top: 5%;
	font-size: 15px;
}
</style>

</h:head>

<h:body>

	<ui:insert name="header">
		<ui:include src="/header/header_dth.xhtml" />
	</ui:insert>
	<div>
		<div class="dth_body_home">
			<ui:insert name="header_banner">
				<ui:include src="/header/header_banner.xhtml" />
			</ui:insert>
			<div class="dth_content">

				<p:ajaxStatus
					style="bottom: 68%;
				    height: 32px;
				    position: fixed;
				    right: 50%;
				    width: 32px;
				    z-index: 99999;">
					<f:facet name="start">
						<p:graphicImage value="images/loading.gif" />
					</f:facet>

					<f:facet name="complete">
						<h:outputText value="" />
					</f:facet>
				</p:ajaxStatus>
				<p:growl id="growl" showDetail="true" sticky="false" />
				<p:graphicImage url="images/dealerimg.jpg" width="50" height="46"
					style="margin-right:10px"></p:graphicImage>
				<h:outputText value="#{msg['ListDealer_home_title']}"
					style="font-size:40px;color:#35718D"></h:outputText>
				<p:graphicImage url="images/dealer_map_icon.png"
					style="float:right;margin-bottom:-75px"></p:graphicImage>
				<h:panelGroup id="mainform">
					<h:form>
						<div style="width: 98%; margin-left: 1%; margin-bottom: 2%;">
							<p:dataGrid var="item" value="#{dealerBean.listDealer}"
								columns="1" rows="6" paginator="true" paginatorPosition="bottom">
								<div style="font-size: 20px;">
									<div >
										<h:outputText style="float:left;width:200px" value="#{item.dealerName}"></h:outputText>
									</div>
									<div>
										<h:outputLabel value="#{msg['ListDealer_home_address']}: " for="ad" style="float:left;">
											<p:spacer width="10"></p:spacer>
										</h:outputLabel>
										<h:outputText id="ad" style="float:left;"
											value="#{item.address}">
										</h:outputText>
									</div>
								</div>

							</p:dataGrid>
						</div>
						<!-- 
						<p:dataTable styleClass="myTable" var="item" paginator="true"
							paginatorPosition="bottom" value="#{dealerBean.listDealer}"
							rowIndexVar="row">
							<p:column headerText="Stt">
								<h:outputText value="#{row+1}" />
							</p:column>
							<p:column headerText="Name">
								<h:outputText style="float:left;" value="#{item.dealerName}">
								</h:outputText>
							</p:column>
							<p:column headerText="Address">
								<h:outputText style="float:left;" value="#{item.address}">
								</h:outputText>
							</p:column>
						</p:dataTable> -->
					</h:form>
				</h:panelGroup>
			</div>
		</div>
	</div>
	<ui:insert name="header">
		<ui:include src="/footer/footer_dth.xhtml" />
	</ui:insert>

</h:body>
</html>